<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI导航平台 - 智能未来触手可及</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/config.js"></script>
    <script src="js/script.js"></script>
</head>

<body>
    <main>
        <header class="time-display">
            <div class="time-hms"></div>
            <div class="time-date"></div>
            <div class="quotes"></div>
            <div class="about-icon" id="aboutIcon" title="关于">
                <svg viewBox="0 0 24 24" width="24" height="24" fill="#666">
                    <path
                        d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm-1-13h2v2h-2zm0 4h2v6h-2z" />
                </svg>
            </div>
        </header>

        <div class="search-box">
            <div class="search-engine"></div>
            <input type="text" class="search-input" placeholder="输入搜索内容...">
            <svg class="search-btn-icon" viewBox="0 0 24 24" id="searchButton">
                <path fill="#666"
                    d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
            </svg>
            <div class="dropdown"></div>
        </div>

        <section class="content">
            <div class="content-panel content-panel--active" id="home"></div>
            <div class="content-panel" id="xuexi"></div>
            <div class="content-panel" id="ai"></div>
            <div class="content-panel" id="tools"></div>
            <div class="content-panel" id="manual"></div>
        </section>
    </main>

    <nav class="nav"></nav>

    <div class="about-dialog" id="aboutDialog">
        <div class="about-content">
            <h2>关于</h2>
            <p>这是一个导航平台，旨在提供便捷的智能工具和学习资源。</p>
            <div class="about-author">尤溪县管前中学</div>
            <div class="about-time">2025年5月6日</div>
            <button id="closeDialog">关闭</button>
        </div>
    </div>
</body>

</html>